<!--注册-->
<template>
    <div class="reg">
        <div class="logo">
            <span class="iconfont icon-info icon-jifenshangcheng"></span>
            <div class="logo_title">忍一下购物</div>
        </div>
        <div class="nav">
            <div class="nav_title">注册</div>
            <el-form ref="form" :model="form" label-width="100px">
                <el-form-item label="昵称">
                    <el-input v-model="form.nickname"  placeholder="请输入昵称"></el-input>
                </el-form-item>
                <br>
                <el-form-item label="真实性名">
                    <el-input v-model="form.realname"  placeholder="请输入真实姓名"></el-input>
                </el-form-item>
                <br>
                <el-form-item label="密码">
                    <el-input type="password" v-model="form.pass" show-password placeholder="请输入密码"></el-input>
                </el-form-item>
                <br>
                <el-form-item label="确认密码">
                    <el-input type="password" v-model="form.checkpass" show-password placeholder="请再次输入密码"></el-input>
                </el-form-item>
                <br>
                <el-form-item label="性别">
                    <el-select v-model="form.sex" placeholder="请选择性别">
                        <el-option label="男" value="man"></el-option>
                        <el-option label="女" value="woman"></el-option>
                    </el-select>
                </el-form-item>
                <br>
                <el-form-item label="邮箱" >
                    <el-input type="email" v-model="form.email" placeholder="请输入正确的邮箱"></el-input>
                </el-form-item>
                <br>
                <el-form-item label="手机号码">
                    <el-input type="phone" v-model="form.phone" placeholder="请输入手机号码"></el-input>
                </el-form-item>
                <br>
                <el-form-item label="出生年月">
                    <el-col :span="11">
                        <el-date-picker type="date" placeholder="选择日期" v-model="form.birth" style="width: 100%;"></el-date-picker>
                    </el-col>
                </el-form-item>
                <br>
                <el-form-item>
<!--                    <el-button type="info" round to="/Login">已有账号，返回登录</el-button>-->
                    <el-button type="primary" round @click="onSubmit">立即注册</el-button>
                    <br>
                    <router-link to="/Login">已有账号，返回登录</router-link>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>

<script>
import axios from "axios";
import '../image/LOGO/iconfont.css'

export default {
    name: "Register",
    data() {
        return {
            form: {
                nickname: '',
                realname: '',
                pass: '',
                checkpass: '',
                sex: '',
                email:'',
                phone:'',
                birth:''
            }
        };
    },
    created() {

    },
    methods: {
        onSubmit() {
            console.log('submit!');
        },
        onReturn() {
            console.log('返回登录');
        }

    }
}
</script>

<style scoped>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.reg {
    width: 100%;
    height: 100vh;
    /*background: url("../image/bg.jpg") no-repeat;*/
    overflow: hidden;
    /*background-color: #aaaaaa;*/
}

.logo {
    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 15%;
    font-size: 27px;
    margin-top: 50px;
    text-align: center;
}

.icon-info {
    font-size: 147px
}

.nav_title {
    text-align: center;
    font-size: 30px;

}

.nav {
    width: 600px;
    height: 600px;
    margin: auto;
    background-color: rgba(211, 211, 211, 0.6);
    border-radius: 12px;
    padding-right: 20px;
}

</style>